// 在所有项目中，App.jsx都是根组件

// 引入react模块
import React from "react"
// 引入自己封装的Test模块
// import Test from "./components/Test"
// import Demo from "./components/Demo"
// import Foo from "./components/Foo"
// import Adv from "./components/Adv"
import Admin from "./components/Admin"

function Demo(){
    return <h2>demo组件</h2>
}
// 默认导出
export default class APP extends React.Component {
    // 父模块的数据
    state = {
        arr:[1,2,3,4,5]
    }
    obj = {
        x:100,
        y:200,
        z:300,
    }
    render(){
        return (
            <div>
                <hr/>
                {/* <Test></Test>
                <Demo></Demo>
                <Foo></Foo>
                <Adv></Adv> */}
                <Admin 
                // xxx={this.state.arr} 
                yyy={1} 
                zzz={'123'}
                ele={<h1>我是h1</h1>}
                eleType={Demo}
                eleInstance={<Demo></Demo>}
                {...this.obj}
                ></Admin>
                <hr/>
            </div>
        )
    }
}